<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<link rel="stylesheet" media="screen and (max-width: 640px)" href="resources/css/nghia-small-screen.css" />
	<link rel="stylesheet" media="screen and (min-width: 641px) and (max-width: 800px)" href="resources/css/nghia-small-screen.css" />
	<link rel="stylesheet" media="screen and (min-width: 801px) and (max-width: 1024px)" href="resources/css/nghia-medium-screen.css" />
	<link rel="stylesheet" media="screen and (min-width: 1025px)" href="resources/css/nghia-large-screen.css" />
	<link rel="stylesheet" media="screen and (device-aspect-ratio: 40/71)" href="resources/css/nghia-small-screen.css" />
</h:head>

<h:body>
	<ui:include src="headerAdmin.xhtml" />
	<div id="content-outer">
		<div id="content">
			<!--  start page-heading -->
			<div id="page-heading">
				<h1>Quản lý tài khoản</h1>
			</div>
			<!-- end page-heading -->
			<h:form id="mainform">
				<h1 class="title">Thêm Quản trị
					viên</h1>

				<div class="row-fuilt">
					<div class="offset4">
						<div class="controls-row ">
							<div class="control-group">
								<label class="label">Tài Khoản:</label> 
								<br class="line-break" />
								<h:inputText value="#{themAdminManagedBean.username}" class="input-them-admin">
								</h:inputText>
								<h:outputText id="tinhTrangTaiKhoan"
									value="#{themAdminManagedBean.tinhTrangTaiKhoan}"
									escape="false" />
							</div>
						</div>
						<div class="controls-row ">
							<div class="control-group">
								<label class="label">Password :</label> 
								<br class="line-break" />
								<h:inputSecret value="#{themAdminManagedBean.password}" class="input-them-admin"/>
							</div>
						</div>
						<div class="controls-row ">
							<div class="control-group">
							<label class="label">Họ tên:</label> 
							<br class="line-break" />
								<h:inputText value="#{themAdminManagedBean.tenQTV}" class="input-them-admin"></h:inputText>
							</div>
						</div>
						<div class="controls-row ">
							<div class="control-group">
							<label class="label">Giới tính:</label> 
							<br class="line-break" />
								<h:selectOneMenu value="#{themAdminManagedBean.gioiTinhQTV}" class="select-them-admin">
									<f:selectItem itemValue="Nam" itemLabel="Nam"></f:selectItem>
									<f:selectItem itemValue="Nữ" itemLabel="Nữ"></f:selectItem>
									<f:selectItem itemValue="Khác" itemLabel="Khác"></f:selectItem>
								</h:selectOneMenu>
							</div>
						</div>
						<div class="controls-row ">
							<div class="control-group">
								<label class="label">Địa chỉ:</label> 
								<br class="line-break" />
								<h:inputText value="#{themAdminManagedBean.diaChiQTV}" class="input-them-admin">
								</h:inputText>
							</div>
						</div>

						<div class="controls-row ">
							<div class="control-group">
								<label class="label">Số điện thoại:</label> <br class="line-break" />
								<h:inputText value="#{themAdminManagedBean.sdtQTV}" class="input-them-admin">
									<f:ajax event="blur" render="tinhTrangSDT" />
								</h:inputText>
								<br class="line-break"/>
								<h:outputText id="tinhTrangSDT"
									value="#{themAdminManagedBean.tinhTrangSDT}" escape="false" />
							</div>
						</div>
						<div class="controls-row ">
							<div class="control-group">
								<label class="label">Email :</label> <br class="line-break" />
								<h:inputText value="#{themAdminManagedBean.emailQTV}" class="input-them-admin">
									<f:ajax event="blur" render="tinhTrangEmail" />
								</h:inputText>
								<br class="line-break"/>
								<h:outputText id="tinhTrangEmail"
									value="#{themAdminManagedBean.tinhTrangEmail}" escape="false" />
							</div>
						</div>
						<br />
						<div class="controls-row ">
							<h:commandButton value="Thêm"
								action="#{themAdminManagedBean.themQTV}" class="btn btn-primary"></h:commandButton>
							<h:commandButton value="Huỷ bỏ"
								action="#{themAdminManagedBean.cancel}"
								class="btn-margin-left btn"></h:commandButton>
						</div>
					</div>
				</div>
			</h:form>
		</div>
	</div>
</h:body>
</html>
